var app = new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue!'
    }
});

var app2 = new Vue({
    el: '#app-2',
    data: {
        message: 'The page loaded in : ' + new Date()
    }
});

var app3 = new Vue({
    el: '#app-3',
    data: {
        seen: true,
    }
});

var app4 = new Vue({
    el: '#app-4',
    data: {
        todos: [
            { text: '学习 JavaScript' },
            { text: '学习 Vue' },
            { text: '整个牛项目' }
        ]
    }
});

var app5 = new Vue({
    el: '#app-5',
    data: {
        message: 'Hello Vue.js!'
    },
    methods: {
        reverseMsg: function() {
            const newMsg = this.message.split('').reverse().join('');
            console.log('reverseMsg: ', newMsg)
            this.message = newMsg;
        }
    }
})

var app6 = new Vue({
    el: '#app-6',
    data: {
        groceryList:  [
            { text: '蔬菜' },
            { text: '奶酪' },
            { text: '随便其他什么人吃的东西' }
        ]
    }
})